<?php /* */ ?>
<!-- Text container -->
<div class="contentbox-container">
	<a name="Extra-CSS-Title-Decoration"></a>
	<a id="titledecoration"></a>
	<div class="contentbox-full">
		<div class="contentbox-title-shading-small bg-red09 txt-white box-on">2&nbsp;</div>
		<div class="contentbox-title-shading-small bg-red06 txt-white">Title decoration</div>
		<div class="contentbox-shading bg-red03">
			<p>Add a decoration box to the title line. Text is allowed inside the decoration box text. Box-width adapts automatically to text length.</p>
			<p><b>Generic CSS-class:</b></p>
			<ul class="indent">
			<li>Box on: <span class="showcode">box-on</span></li>
			<li>Box off: <span class="showcode">box-off</span></li>
			</ul>
			<p><b>Method:</b> For the decoration box an additional HTML-tag, which is identical to the regular tag for the title, must be inserted.  In the new HTML-tag add the desired CSS-class to turn the box either on or off. To remove the decoration box, it is not necessary to delete the HTML-tag, but simply switch the setting to "box off" and let the HTML-tag remain in place.</p>
			<p>You can also add additional generic CSS-classes to modify text (txt-xxxxNN) and/or background colors (bg-xxxxNN) of the decoration box. Sections 3 and 4 below.</p>
			<p><b>Text and background colors:</b> Select from <a href="option_extra_color.html">Color Scheme</a>.</p>
		</div>
	</div>
</div>

<!-- Text container -->
<div class="contentbox-container">
	<div class="contentbox-full">
		<div class="contentbox-title-shading-small bg-blue05 txt-black box-on">&nbsp;</div>
		<div class="contentbox-title-shading-small">Blue decoration without text</div>
		<div class="contentbox-noshading">
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
		</div>
	</div>
</div>

<!-- Text container -->
<div class="contentbox-container">
	<div class="contentbox-full">
		<div class="contentbox-title-shading-small bg-yellow10 txt-black box-on">DECO&nbsp;</div>
		<div class="contentbox-title-shading-small">Yellow decoration with black text</div>
		<div class="contentbox-noshading">
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
		</div>
	</div>
</div>

<!-- Text container -->
<div class="contentbox-container">
	<div class="contentbox-full">
		<div class="contentbox-title-shading-small bg-green08 txt-white box-on">DECO&nbsp;</div>
		<div class="contentbox-title-shading-small">Green decoration with white text</div>
		<div class="contentbox-noshading">
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
		</div>
	</div>
</div>
<?php /* */ ?>
